<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]><html class="ie ie6 ie-lte9 ie-lte8 ie-lte7 no-js" lang="{{=T.accepted_language or 'en'}}"> <![endif]-->
<!--[if IE 7]><html class="ie ie7 ie-lte9 ie-lte8 ie-lte7 no-js" lang="{{=T.accepted_language or 'en'}}"> <![endif]-->
<!--[if IE 8]><html class="ie ie8 ie-lte9 ie-lte8 no-js" lang="{{=T.accepted_language or 'en'}}"> <![endif]-->
<!--[if IE 9]><html class="ie9 ie-lte9 no-js" lang="{{=T.accepted_language or 'en'}}"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js" lang="{{=T.accepted_language or 'en'}}"> <!--<![endif]-->
<head>
  <meta charset="utf-8" />
  <!-- www.phpied.com/conditional-comments-block-downloads/ -->
  <!-- Always force latest IE rendering engine
	   (even in intranet) & Chrome Frame
	   Remove this if you use the .htaccess -->
  <!--[if IE]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge{{=not request.is_local and ',chrome=1' or ''}}">
  <![endif]-->
  
  <title>{{=response.title or request.application}}</title>
  
  <!-- http://dev.w3.org/html5/markup/meta.name.html -->
  <meta name="application-name" content="{{=request.application}}" />
  
  <!-- Speaking of Google, don't forget to set your site up:
	   http://google.com/webmasters -->
  <meta name="google-site-verification" content="" />

  <!--  Mobile Viewport Fix
	  j.mp/mobileviewport & davidbcalhoun.com/2010/viewport-metatag
	  device-width: Occupy full width of the screen in its current orientation
	  initial-scale = 1.0 retains dimensions instead of zooming out if page height > device height
	  user-scalable = yes allows the user to zoom in -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
  
  <!-- Place favicon.ico and apple-touch-icon.png in the root of your domain and delete these references -->
  <link rel="shortcut icon" href="{{=URL('static','favicon.ico')}}" type="image/x-icon">
  <link rel="apple-touch-icon" href="{{=URL('static','favicon.png')}}">

  <!-- All JavaScript at the bottom, except for Modernizr which enables 
	   HTML5 elements & feature detects -->
  <script src="{{=URL('static','js/modernizr.custom.js')}}"></script>  
  <script src="{{=URL('static','js/bootstrap.min.js')}}"></script>  

  <!-- include stylesheets -->
  {{
  response.files.append(URL('static','css/bootstrap.min.css'))
  response.files.append(URL('static','css/web2py.css'))
  if response.menu:
     response.files.append(URL('static','css/superfish.css'))
     response.files.append(URL('static','js/superfish.js'))
  pass
  }}

  {{include 'web2py_ajax.html'}}

  {{if response.menu:}}
  <script type="text/javascript">
    jQuery(function(){ jQuery('ul.sf-menu').supersubs({minWidth:12,maxWidth:30,extraWidth:3}).superfish(); });
  </script>
  {{pass}}

  {{
  # using sidebars need to know what sidebar you want to use
  left_sidebar_enabled = globals().get('left_sidebar_enabled',False)
  right_sidebar_enabled = globals().get('right_sidebar_enabled',False)
  middle_columns = {0:'span12',1:'span9',2:'span6'}[
     (left_sidebar_enabled and 1 or 0)+(right_sidebar_enabled and 1 or 0)]
  }}

  <!-- uncomment here to load jquery-ui
  <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
  uncomment to load jquery-ui //-->
  {{block head}}{{end}}
</head>
<body>
  <div class="topbar">
    <div class="container-fluid">    
      <div class="span12">
       <!-- nav bar for authentication -->
        <div id="navbar">
        
        {{='auth' in globals() and auth.navbar(prefix='Welcome',separators=(' ',' | ',''))}}</div>
        {{is_mobile=request.user_agent().is_mobile}}
	
      </div>
    </div>
  </div><!-- topbar -->
  
  
  <div class="header">
    <div class="container-fluid">         
      <div class="span12">
        <!-- AddToAny BEGIN -->
        <div style="float:right; padding-top: .25em;" class="a2a_kit a2a_default_style">
          <a class="a2a_dd" href="http://www.addtoany.com/share_save">Share</a></div>
        <script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>	
      
      </div>
    </div>
  </div>
  
  <div class="main">
    <div class="container-fluid">                 
      {{if left_sidebar_enabled:}}
      <div class="span3 left-sidebar">
        {{block left_sidebar}}
        <h3>Left Sidebar</h3>
        {{if response.leftMenu:}}
        <div id="lef-menu">
          {{=MENU(response.leftMenu,)}}
        </div>
        {{pass}}
        {{end}}
      </div>
      {{pass}}
      
      <div class="{{=middle_columns}} center">
        {{block center}}
        {{include}}
        {{end}}
      </div>
      
      {{if right_sidebar_enabled:}}
      <div class="span3">
        {{block right_sidebar}}
        <h3>Right Sidebar</h3>
        <p></p>
        {{end}}
      </div>    
      {{pass}}
      
    </div><!-- container-fluid -->
  </div><!-- main -->
  
  <div class="footer">
    <div class="container-fluid">    
      <div class="span12">
        {{block footer}} <!-- this is default footer -->
        <div class="footer-content">
          <div class="copyright">{{=T('WCMS as a service Cloud Computing System')}} &#169; 2011</div>
          <div style="float: right;">
	    Powered by
            <a href="#">HPCC Cloud Computing Team</a>
          </div>
        </div>
        {{end}}	
      </div>
    </div><!-- container-fluid -->
  </div><!-- footer -->
  
  <!--[if lt IE 7 ]>
	<script src="{{=URL('static','js/dd_belatedpng.js')}}"></script>
	<script> DD_belatedPNG.fix('img, .png_bg'); //fix any <img> or .png_bg background-images </script>
	<![endif]-->
  {{if response.google_analytics_id:}}<script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', '{{=response.google_analytics_id}}']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> {{pass}}
</body>
</html>
